<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport"content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<@cms_site id=siteId!'' >
		<@cms_activity_main id=businessId!'' >
	<meta name="keywords" content="${(site.keywords)!''},${(tag_bean.cmsContent.title)!''}" />
	<title>
		${(site.name)!''}&nbsp;-&nbsp;${(tag_bean.cmsContent.title)!''}
	</title>
		</@cms_activity_main>
	</@cms_site>
	<link rel="stylesheet" href="${ctx}/u/${(siteId)!''}/f/css/phone.css" />
	<link rel="stylesheet" href="${ctx}/u/${(siteId)!''}/f/css/style.css" />
	<script type="text/javascript" src="${ctx}/u/${(siteId)!''}/f/js/jQuery.1.8.2.min.js" ></script>
	<script type="text/javascript" src="${ctx}/u/${(siteId)!''}/f/js/height.js" ></script>
	<script type="text/javascript">

		/** 跳转到其他页面 **/
		function toOtherPage(contentId){
			location.href = "${ctx}/f/mp/${siteId}/" + contentId ;
		}
		
		/** 报名参加活动 **/
		function baoming(activityId){
			location.href = "${ctx}/f/mp/${siteId}/h_10103?pageBusinessId=${businessId}&activityMainId=" + activityId;
		}
		
	</script>
</head>
<body class="bg_eb">
	<div class="polistdetail_all">
		<@cms_activity_main id=businessId >
		<div class="detail_top">
			<#if tag_bean.cmsContent.cover?? && tag_bean.cmsContent.cover !="">
				<#assign json=(tag_bean.cmsContent.cover)?eval/>
				<#list json as item>
					<img src="${ctx}${(item.path)!''}" />
				</#list>
			</#if>
			<!-- <img src="${ctx}${tag_bean.coverPath!''}" /> -->
		</div>
		<div class="detail_cont">
			<div class="detail_main">
				<div class="title lin_left">
					<span class="fc_2d font-b">${tag_bean.cmsContent.title}</span>
					<#if ((tag_bean.signupStartTime)?datetime lte .now) && ((tag_bean.signupEndTime)?datetime gte .now) >
						<div class="entname lin_center" onclick="baoming('${tag_bean.id}');">报名</div>
					</#if>
				</div>
				<ul class="detail_list boxSizing">
				    <li><i class="icon_dtiem"></i>${tag_bean.activityStartTime}</li>
				    <li><i class="icon_dasd"></i>${tag_bean.activityAddress}</li>
				    <li><i class="icon_tel"></i>${tag_bean.telPhone}</li>
				</ul>
				<div class="imgtext">
					<div class="it_title lin_left">
						<p class="on_click"><i class="icon_info"></i>活动介绍</p>
					</div>
					<div class="imgtext_main boxSizing">
						${(tag_bean.cmsContent.content)!}
					</div>
				</div>
			</div>
			</@cms_activity_main>
			<div class="detail_other boxSizing">
				<div class="other_title lin_left">
					<span class="fc_2d">其他活动</span>
				</div>
				<ul class="mui-flex">
					<@cms_activity_main_list page=(returnDatas.page)! pageSize=3 noids=businessId!'' channelId='h_10081' >
						<#if tag_list??>
							<li class="cell">
								<#if tag_list[0]??>
									<a class="card-item card-style-mkt-2" href="javascript:toOtherPage('${tag_list[0].id}');">
										<#if tag_list[0].cmsContent.cover?? && tag_list[0].cmsContent.cover !="">
											<#assign json=(tag_list[0].cmsContent.cover)?eval/>
											<#list json as item>
												<img src="${ctx}${(item.path)!''}" />
											</#list>
										</#if>
									</a>
								</#if>
								<#if tag_list[1]??>
									<a class="card-item card-style-mkt-2" href="javascript:toOtherPage('${tag_list[1].id}');">
										<#if tag_list[1].cmsContent.cover?? && tag_list[1].cmsContent.cover !="">
											<#assign json=(tag_list[1].cmsContent.cover)?eval/>
											<#list json as item>
												<img src="${ctx}${(item.path)!''}" />
											</#list>
										</#if>
									</a>
								</#if>
							</li>
							<li class="cell">
								<#if tag_list[2]??>
									<a class="card-item card-style-mkt-1" href="javascript:toOtherPage('${tag_list[2].id}');">
										<#if tag_list[2].cmsContent.cover?? && tag_list[2].cmsContent.cover !="">
											<#assign json=(tag_list[2].cmsContent.cover)?eval/>
											<#list json as item>
												<img src="${ctx}${(item.path)!''}" />
											</#list>
										</#if>
									</a>
								</#if>
							</li>
						</#if>
					</@cms_activity_main_list>
				</ul>
			</div>
		</div>
	</div>
<script type="text/javascript">
	$(document).ready(function() {
		$(".it_title").click(function(){
			if($(this).children().hasClass("active")){
				$(".imgtext_main").css('height', 3.9+'rem');
				$(this).children().removeClass("active");
			}else{
				$(".imgtext_main").css('height', 'auto');
				$(this).children().addClass("active");
			};
		});
	});
</script>
</body>
</html>